﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs" Inherits="PaydSystem.UI.Member.Register" %>

<!DOCTYPE html>

<html lang="en"  >
<head runat="server">
    <title></title>
    <style>
        .form-group
        {
            margin-top:25px !important;
        }
        .label-left
        {
            text-align:left !important;
            margin-top:5px !important;
        }
        .label-right
        {
            text-align:right !important;
            margin-top:5px !important;
        }
        .loading_label
        {
            width:100% !important;
            font-style:italic !important;
            display: block !important;   
        }
        
        #birthDate {
          background-color:White !important;
        }
        .ng-datepicker-input
        {
            
            display: block !important;
            width: 100% !important;
            height: 34px !important;
            padding: 6px 12px !important;
            font-size: 14px !important;
            line-height: 1.42857143 !important;
            color: #555 !important;
            background-color: #fff !important;
            background-image: none !important;
            border: 1px solid #ccc !important;
            border-radius: 4px !important;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
            -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
            margin-top:25px !important ;
        }
        .form-control-loading {
            margin-top:25px !important ;
            font-style:italic !important;
            display: block !important;
            width: 100% !important;
            height: 34px !important;
            padding: 6px 12px !important;
            font-size: 13px !important;
            line-height: 1.42857143 !important;
            /*color: #555;
            background-color: #fff;
            background-image: none;
            border: 0px solid #ccc;
            border-radius: 4px;*/
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
            -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15 !importants;
            transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
        }
            ul[datepicker-popup-wrap] > li > .btn-group > button.btn-default {
            display: none !important;
          }
    </style>
</head>
<body>
<div style="width:100%;height:35px">
    <img src="../../Images/PaydImages/head_register.png" style="width:100%;" />
</div>
<br />
<br />

<%--<div class="container-fluid" ng-init="init();">--%>
<div class="container" ng-init="init();">
    <div style="width:100%;height:50px">
        <img src="../../Images/PaydImages/register_title.png" style="width:75%;" />
    </div>
    <br />
    <br />
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            
            <div class="panel box-shadow" style="border-color:#D3D3D3;border-width:1px;" >
                <div class="panel-heading" style="background-color:#D3D3D3">
                    <hgroup>
                        <h3 class="panel-title">ข้อมูลส่วนตัว</h3>
                    </hgroup>
                </div>
                
                <div> 
                        <div class="row">
                            <div class="panel-body form-horizontal" role="form" >
                                 <div >
                                    <ng-form name="searchMemberForm" >
                                        <div class="form-group" >
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> 
                                                <div class="col-lg-2 col-md-2 col-sm-3 col-xs-3 label-left" >
                                                        เลขที่บัตรประชาชน<span class="red_alert">*</span>
                                                </div>
                                                <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 form-inline" ng-class="{true: 'error'}[search_submitted && searchMemberForm.idCard.$invalid]"  >
                                                        <input type="text" class="form-control" style="width:80%" ng-model="idCard" name="idCard" MaxLength="13" ng-class="{red_control: search_submitted && searchMemberForm.idCard.$invalid}" ng-keyup="$event.keyCode == 13 && searchUserAction(searchMemberForm.$valid);" required="" ng-disabled="modeRegist"/>
                                                        <a ng-hide="searching" href="javascript:void(0);" ng-click="searchUserAction(searchMemberForm.$valid);" ><img src="../../Images/PaydImages/search_icon.png" style="width:12%;height:24px;" ng-hide="modeRegist" /></a>
                                                        <span ng-show="searching" class="glyphicon glyphicon-refresh spinner" style="width:10%;height:24px;"></span>
                                                        <span class="help-inline red_alert" ng-show="search_submitted && searchMemberForm.idCard.$error.required" style="position:relative;font-size: 18px;" >เลขที่บัตรประชาชนจำเป็นต้องใส่</span>
                                                </div>
                                                <%--<div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-right" >
                                                        test
                                                </div>
                                                <div class="col-lg-4 col-md-4 col-sm-3 col-xs-3">
                                                    <select ng-model="selectedId" class="form-control">
                                                        <option ng-repeat="x in listUser" value="{{x.MemberId}}">{{x.IdCard}}</option>
                                                    </select>        
                                                </div>--%>
                                            </div>
                                        </div>
                                    </ng-form>
                                </div>
                                <div class="form-group" >
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <input type="hidden" ng-model="memberId"> 
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-left">
                                            ชื่อ
                                        </div>
                                        
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            
                                            <input type="text" class="form-control" name="title" ng-model="title" readonly  />        
                                        </div>
                                        
                                        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
                                                <input type="text" class="form-control" name="name" ng-model="name" readonly />        
                                        </div>
                                        <%--<div class="col-lg-2 col-md-2 co2-sm-2 col-xs-2 label-right" style="text-align:right"  >
                                            เพศ
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                                <input type="text" class="form-control" name="gender" ng-model="gender" readonly  />        
                                        </div>--%>
                                    </div>
                                </div>
                                <%--<div class="form-group" >
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-left"  >
                                            วันเกิด
                                            
                                        </div>
                                        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 "  >
                                            <input type="text" class="form-control" name="birthdate" ng-model="birthdate" readonly  />        
                                        </div>
                                        <div class="col-lg-1 col-md-1 col-sm-1 col-xs-1 label-right"  >
                                            อายุ
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                                <input type="text" class="form-control" name="age" ng-model="age" readonly  />        
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-right"  >
                                            สถานะสมรส
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                                <input type="text" class="form-control" name="maritalStatus" ng-model="maritalStatus" readonly  />        
                                        </div>
                                    </div>
                                </div>--%>
                                <%--<div class="form-group" >
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-left">
                                            เบอร์โทรศัพท์
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                            <input type="text" class="form-control" ng-model="telNo" name="telNo" readonly />
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-right">
                                            เบอร์โทรศัพท์มือถือ
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"  >
                                            <input type="text" class="form-control" ng-model="mobileNo" name="mobileNo" readonly />
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-right">
                                            เบอร์แฟกซ์
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"  >
                                            <input type="text" class="form-control" ng-model="faxNo" name="faxNo" readonly />
                                        </div>
                                    </div>
                                </div>--%>    
                                <div class="form-group" >
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">    
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-left">
                                            ที่อยู่
                                        </div>
                                        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-10"  >
                                            <textarea class="form-control" rows="5" id="address" ng-model="address" readonly ></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group" >
                                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-left">
                                            รหัสไปรษณีย์
                                        </div>
                                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2"  >
                                            <input type="text" class="form-control" ng-model="zipCode" name="zipCode" readonly />
                                        </div>
                                    </div>
                                </div>          
                                <div>
                                    <br />
                                </div>
                                <div ng-show="modeRegist">
                                <ng-form name="registerForm" >
                                
                                    <div class="form-group" >
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-left">
                                                เบอร์โทรศัพท์มือถือ<span class="red_alert">*</span>
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" ng-class="{true: 'error'}[submitted && registerForm.mobile.$invalid]">
                                                <input type="text" class="form-control" ng-model="mobile" name="mobile" ng-class="{red_control: submitted && registerForm.mobile.$invalid}"  required=""  />
                                                <span class="help-inline red_alert" ng-show="submitted && registerForm.mobile.$error.required" style="position:relative;font-size: 18px;" >เบอร์โทรศัพท์มือถือจำเป็นต้องใส่</span>
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-right" >
                                                อีเมล์หลัก<span class="red_alert">*</span>
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" ng-class="{true: 'error'}[submitted && registerForm.emailPrimary.$invalid]"  >
                                                <input type="email" class="form-control" ng-model="emailPrimary" name="emailPrimary" ng-class="{red_control: submitted && registerForm.emailPrimary.$invalid}" required="" />
                                                <span class="help-inline red_alert" ng-show="submitted && registerForm.emailPrimary.$error.required" style="position:relative;font-size: 18px;">อีเมล์หลักจำเป็นต้องใส่</span>
                                                <span class="help-inline red_alert" ng-show="submitted && registerForm.emailPrimary.$error.email" style="position:relative;font-size: 18px;">อีเมล์ไม่ถูกต้อง</span>
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-right" >
                                                อีเมล์สำรอง
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" ng-class="{true: 'error'}[submitted && registerForm.emailSecondary.$invalid]"  >
                                                <input type="email" class="form-control" ng-model="emailSecondary" name="emailSecondary" ng-class="{red_control: submitted && registerForm.emailSecondary.$invalid}" />
                                                <span class="help-inline red_alert" ng-show="submitted && registerForm.emailSecondary.$error.email" style="position:relative;font-size: 18px;">อีเมล์ไม่ถูกต้อง</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-left">
                                                รหัสผ่าน<span class="red_alert">*</span>
                                            </div>
                                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" ng-class="{true: 'error'}[submitted && registerForm.passwordUser.$invalid]" >
                                                <input type="password" class="form-control" ng-model="passwordUser" ng-class="{red_control: submitted && registerForm.passwordUser.$invalid}" name="passwordUser" required="" maxlength="20"/>
                                                <span class="help-inline red_alert" ng-show="submitted && registerForm.passwordUser.$error.required" style="position:relative;font-size: 18px;" >รหัสผ่านจำเป็นต้องใส่</span>
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2 label-right">
                                                ยืนยันรหัสผ่าน<span class="red_alert">*</span>
                                            </div>
                                            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3" ng-class="{true: 'error'}[submitted && registerForm.passwordConfirm.$invalid]" >
                                                <input type="password" class="form-control" ng-model="passwordConfirm" ng-class="{red_control: submitted && registerForm.passwordConfirm.$invalid}" name="passwordConfirm" required="" maxlength="20"/>
                                                <span class="help-inline red_alert" ng-show="submitted && registerForm.passwordConfirm.$error.required" style="position:relative;font-size: 18px;" >รหัสผ่านยืนยันจำเป็นต้องใส่</span>
                                            </div>
                                        </div>           
                                    </div>
                                        <br />
                                            <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="text-align:left">
                                                โปรดระบุข้อมูลให้ครบถ้วนในช่องที่มีเครื่องหมาย<span class="red_alert">*</span>
                                            </div>
                                        <br />
                                    <div class="form-group" >
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4" >
                                            &nbsp;
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" >
                                            <span ng-show="saving" class="glyphicon glyphicon-refresh spinner"></span>
                                            <button ng-hide="saving" type="submit" ng-click="registerAction(registerForm.$valid);" class="btn btn-primary btn-block">บันทึกข้อมูล</button>
                                            <%--<button type="submit"  class="btn btn-primary btn-block">บันทึกข้อมูล</button>--%>
                                            </div>
                                            
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" >
                                            <button type="button" class="btn btn-default btn-block" ng-click="resetValue();" >รีเซ็ต</button>
                                            </div>
                                        </div>
                                    </div>
                                     
                                </ng-form>    
                                </div>
                                <div class="form-group" ng-show="false" >
                                        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" >  
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" >
                                            &nbsp;
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" >
                                                <a class="btn btn-warning btn-block" ng-href="#/TestReport/123" >Report</a>
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" >
                                                <a class="btn btn-info btn-block" ng-href="#/TestReport/123" my-target >Report2</a>
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" >
                                                <a class="btn btn-success btn-block" ng-click="redirectReport();" >Report3</a>
                                            </div>
                                            <div class="col-lg-2 col-md-2 col-sm-2 col-xs-2" >
                                                <a class="btn btn-danger btn-block" ng-click="modalReport();" >Report4</a>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                        
                        </div>

                </div>
            </div>
        </div>
        
    </div>
</div>
</body>
</html>
